// 切换登录和注册的盒子
// 点击去注册
$("#showReg").on('click', function () {
    // 显示注册，隐藏登录
    $(".reg-form").show()
    $(".login-form").hide()
})

// 点击登录
$("#showLogin").on('click', function () {
    // 显示登录，隐藏注册
    $(".reg-form").hide()
    $(".login-form").show()
})

// 记得：要使用form.verify方法来做表单的校验，就需要处理好form，就是从layui.form获取到的
let form = layui.form; // 获得 form 模块对象
form.verify({
    //我们既支持上述函数式的方式，也支持下述数组的形式
    //数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
    pwd: [
        /^[\S]{6,12}$/, '密码必须6到12位,且不能出现空格'
    ],

    // 对确认密码做校验 ==> 内容和密码一致
    repwd: function (value, item) { //value：表单的值、item：表单的DOM对象
        // console.log(value, item);

        // 1.获取内容密码框的内容
        // 2.确认密码框的内容和密码框的内容作比较，比较的值不一样，就需要提示

        let pwdVal = $("#pwdInp").val()

        if (pwdVal !== value) {
            return '两次输入的密码不一致'
        }
    }
});

// axios请求实现注册表单
let layer = layui.layer;
$('.reg-form').on('submit', function (e) {
    e.preventDefault() // 阻止默认行为

    // 请求中带数据 ==> jQ的serialize方法可以方便的获取到带有name属性的值
    let data = $(this).serialize()

    axios.post('/api/reguser', data).then(({ data }) => {
        // console.log(data);
        if (data.status !== 0) {
            // 注册失败
            return layer.msg(data.message);
        }

        // 注册成功
        layer.msg(data.message);

        // 切换登陆页面
        $("#showLogin").click()

    })
})

// axios请求实现登录表单
$('.login-form').on('submit', function (e) {
    e.preventDefault() //阻止默认行为

    // 请求中带数据 ==> jQ的serialize方法可以方便的获取到带有name属性的值
    let data = $(this).serialize()

    axios.post('/api/login', data).then(({ data: { status, message, token } }) => {
        // console.log(data);
        if (status !== 0) {
            // 登录失败
            return layer.msg(message);
        }

        // // 登录成功
        // layer.msg(message);

        // // 跳转页面
        // location.href = './index.html'

        // 处理token(本地存储起来，以后要用到，类似随申码)一定要有，否则会有的接口无法请求成功
        localStorage.setItem('token' , token)

        // 优化提示效果
        layer.msg(message, {
            time: 2000 //2秒关闭（如果不配置，默认是3秒）
        }, function () {
            //do something
            // 关闭过后想做什么
            // 跳转页面
            location.href = '/index.html'

        });
    })
})